<template>
  <form>
    <md-card>
      <md-card-header :data-background-color="dataBackgroundColor">
        <h5 class="title">家庭紧急联系人1 <span style="color:#FF0000;">(严禁预留销售顾问联系方式作为紧急联系人)</span></h5>
      </md-card-header>

      <md-card-content>
        <div class="md-layout">

          <edit-item title="姓名*">
            <md-input v-model="formdata.appUrgencyName"></md-input>
          </edit-item>

            <edit-item title="联系电话*">
            <md-input v-model="formdata.appUrgencyTel"></md-input>
          </edit-item>

          <edit-item title="与申请人关系*">
              <select v-model="formdata.appUrgencyRelationCd">
                <option v-for="option in g_mlist('400')" v-bind:value="option.itemvalue" :key="option.itemvalue">
                  {{ option.itemcontent }}
                </option>
              </select>
          </edit-item>

          <edit-item title="关系描述">
            <md-input v-model="formdata.appUrgencyRelation"></md-input>
          </edit-item>
        </div>
      </md-card-content>
    </md-card>

    <md-card>
      <md-card-header :data-background-color="dataBackgroundColor">
        <h5 class="title">家庭紧急联系人2</h5>
      </md-card-header>

      <md-card-content>
        <div class="md-layout">

          <edit-item title="姓名">
            <md-input v-model="formdata.appUrgency2Name"></md-input>
          </edit-item>

          <edit-item title="联系电话">
            <md-input v-model="formdata.appUrgency2Tel"></md-input>
          </edit-item>

          <edit-item title="与申请人关系">
            <select v-model="formdata.appUrgency2RelationCd">
              <option v-for="option in g_mlist('400')" v-bind:value="option.itemvalue" :key="option.itemvalue">
                {{ option.itemcontent }}
              </option>
            </select>
          </edit-item>

          <edit-item title="关系描述">
            <md-input v-model="formdata.appUrgency2Relation"></md-input>
          </edit-item>
        </div>
      </md-card-content>
    </md-card>

    <md-card>
      <md-card-header :data-background-color="dataBackgroundColor">
        <h5 class="title">工作紧急联系人</h5>
      </md-card-header>

      <md-card-content>
        <div class="md-layout">

          <edit-item title="姓名*">
            <md-input v-model="formdata.appUrgency3Name"></md-input>
          </edit-item>

          <edit-item title="联系电话*">
            <md-input v-model="formdata.appUrgency3Tel"></md-input>
          </edit-item>

          <edit-item title="与申请人关系*">
            <select v-model="formdata.appUrgency3RelationCd">
              <option v-for="option in g_mlist('400')" v-bind:value="option.itemvalue" :key="option.itemvalue">
                {{ option.itemcontent }}
              </option>
            </select>
          </edit-item>

          <edit-item title="关系描述">
            <md-input v-model="formdata.appUrgency3Relation"></md-input>
          </edit-item>
        </div>
      </md-card-content>
    </md-card>

  </form>
</template>
<script>
import LabelItem from './Unit/LabelItem.vue'
import EditItem from './Unit/EditItem.vue'

export default {
  components: {
    'label-item': LabelItem,
    'edit-item': EditItem
  },
  data () {
    return {

    }
  },
  props: {
    dataBackgroundColor: {
      type: String,
      default: ''
    },
    formdata: {}
  },

  watch: {

  },

  mounted: function () {
  }

}

</script>
<style>

</style>
